<template>
  <el-table :data="foodmenu2" stripe style="width: 100%">
    <el-table-column type="index" label="编号" width="180" />
    <el-table-column prop="username" label="回头客名称" width="180" />
    <el-table-column property="picture" label="图片" width="150">
      <template v-slot="scope">
        <img :src="scope.row.image" min-width="70" height="70" />
      </template>
    </el-table-column>
    <el-table-column prop="phone" label="联系方式" width="150" />
    <el-table-column prop="username" label="会员价" width="150" />
    <el-table-column prop="username" label="介绍" width="180" />
  </el-table>
</template>

<script setup lang="ts">
import * as echarts from 'echarts'
//引入中国地图的JSON数据
import chinaJSON from './china.json'

import axios from 'axios'
import { useRouter, useRoute } from 'vue-router'
import { reactive, ref, onMounted } from 'vue'
type allinformation = {
  //餐厅日销售
  userid: string
  usertypeid: string
  username: string
  password: string
  image: string
  phone: string
  createtime: string
  updatetime: string
  gender: string
  vip: string
  expiretime: string
  age: string
  state: string
  number: string
}
const foodmenu2 = ref([] as allinformation[])
axios({
  method: 'POST',
  params: {
    restaurantid: window.localStorage.getItem('restaurantID')
  },
  url: '/restaurant/getclient',
  headers: {
    'Content-Type': 'application/octet-stream',
    Authorization: window.localStorage.getItem('RestaurantToken')
  }
}).then((res) => {
  const { data } = res
  foodmenu2.value = data.data
})
</script>

<style scoped></style>
